<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <el-container style="height:100% ;display: flex">
        <el-aside width="auto">
            <common-aside />
        </el-aside>
        <el-container style="width:100%">
            <el-header >
              <common-header/>
            </el-header>
            <common-tags/>
            <el-main>
              <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>


<script>
import CommonAside  from '../components/CommonAside.vue'
import CommonHeader from '../components/CommonHeader.vue'
import CommonTags from '../components/CommonTags.vue'
export default {
//   eslint-disable-next-line vue/multi-word-component-names
  name:'Main',
  components: {
    CommonAside,
    CommonHeader,
    CommonTags
},
  data(){
    return {}
  },
}
</script>
<style lang="less" scoped>
   .el-header{
    padding: 0;
   }
   .el-main{
    padding-top:10px ;
   }
</style>